<template>
<!-- 首页块标题头部 更多 -->
 <div class="no-data">
   <img :src="img" alt="">
   <p>{{tip}}</p>
 </div>
</template>
<script>
export default {
  props: {
    img:{
     type: String,
     default: ''
      },
    tip: {
      type: String,
      default: ''
    }
  },
  data() {
    return {};
  },
  methods: {
    
  }
};
</script>
<style scoped>
 .no-data{
      width: 100%;
      height: calc(100vh - 88px);
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-top: 45%;
      background: #F8F8F8;
    }
    .no-data img{
        height: 200px;
        width: 200px;
        margin-bottom: 26px;
    }
    .no-data P{
        font-size: 30px;
        font-weight: 400;
        color:  #333333;
        line-height: 42px;
    }

</style>
